<template>
  <ul class="nav">
    <li>海洋馆</li>
    <li>海洋生物群</li>
    <li>志愿处</li>
    <li>赞助我们</li>
    <li>关于我们</li>
  </ul>
</template>

<script>
  export default {
    name: 'Nav'    
  }
</script>

<style scoped>
  .nav {
    display: flex;
    margin: 0 140px 0 20px;
  }

  .nav li {
    margin: 0 15px;
    transition: all .2s;
  }

  .nav li:hover {
    color: #86a3b1;
    cursor: pointer;
  }
</style>